<?php
$ci = &get_instance();
$ci->load->model("category");

$categories = $ci->category->getAllRecords();
?>

<style>
    #tipo_cobro{
        
        margin-bottom: 10px;
    }
    img {
        max-width: none;
    }
    .meses_duracion{
        
        
    }
    .pasos{
        width: 100%;
        overflow:hidden;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .pasos ul{
        margin: 0;
        padding: 0;
        font: bold 14px Verdana;
        list-style-type: none;
        text-align: center; /* "left", "center", or "right" align menu */
    }

    .pasos li{
        display: inline;
        margin: 20px;
    }

    .pasos li a{
        display:inline-block;
        text-align:center;
        text-decoration: none;
        color: white;
        background:orange;
        margin: 0;
        margin-right:5px; /*right spacing between each link */
    }

    .paso_seleccionado{
        width:15px;
        height:15px;

    }

    .paso_no_seleccionado{
        width:5px;
        height:5px;
        border-radius: 100px; /*really large border radius to create round borders*/
        -moz-border-radius: 100px;
        -webkit-border-radius: 100px;
    }

    .pasos a span{
        position:relative;
        top:40%;
    }

    .pasos li a:visited{
        color: white;
    }

    .pasos a:hover{
        background: orange;
    }
   #tiempoduracion{
        margin-left: 10px;
        margin-top: 10px;
        display: none;
    }
    /*
    Boton Siguiente
    */
    .btn-siguiente {
        color: #FFFFFF;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
        background-color: #FFA500;
        background-image: -moz-linear-gradient(top, #FFA500, #FFA500);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFA500), to(#FFA500));
        background-image: -webkit-linear-gradient(top, #FFA500, #FFA500);
        background-image: -o-linear-gradient(top, #FFA500, #FFA500);
        background-image: linear-gradient(to bottom, #FFA500, #FFA500);
        background-repeat: repeat-x;
        border-color: #FFA500;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFA500', endColorstr='#FFA500', GradientType=0);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    }
    .btn-siguiente:hover,
    .btn-siguiente:active,
    .btn-siguiente.active,
    .btn-siguiente.disabled,
    .btn-siguiente[disabled] {
        color: #FFFFFF;
        background-color: #FFA500;
    }
#columna2{
    padding-left: 60px;
}

</style>

<div class="container contenido publica">
    <div class="pasos">
        <ul>
            <li><a href="#" class="paso_seleccionado"><span></span></a></li>
            <li><a href="#" class="paso_no_seleccionado"><span></span></a></li>
            <li><a href="#" class="paso_no_seleccionado"><span></span></a></li>
        </ul>
    </div>
    <div style="text-align:center;"><span style="color:#514F4F; font-weight:regular;">¿Querés publicar cursos de tu institución?</span><span style="color:#FFA563; font-weight: bold;"> Rellená el formulario</span></div>
    <div class="row-fluid">
        <form id="form_publicar" class="form-horizontal publica-form" accept-charset="utf-8" method="post" action="<?php echo site_url('registro/imagen'); ?>">	
            <div class="span6 radios-curso">
                <div class="control-group">
                    <p>Tipo de publicación *</p>
                    <p class="secundario">Seleccione que tipo de curso desea publicar</p>
                    <input type="radio" value="2" name="tipo_curso" <?php echo set_radio('tipo_curso', '2'); ?>><span>Carrera</span>
                    <input type="radio" value="0" name="tipo_curso" <?php echo set_radio('tipo_curso', '0'); ?>><span>Curso</span>
                    <input type="radio" value="1" name="tipo_curso" <?php echo set_radio('tipo_curso', '1'); ?>><span>Seminario</span>
                     <input type="radio" value="3" name="tipo_curso" <?php echo set_radio('tipo_curso', '3'); ?>><span>Taller</span>
                   <?php echo form_error('tipo_curso'); ?>
                </div>
                <div class="control-group">
                    <p>Título *</p>
                    <p class="secundario">Sugerímos utilizar uno corto y claro</p>
                    <input class="input-xlarge" name="titulo" type="text" VALUE="<?php echo set_value('titulo'); ?>">
                    <?php echo form_error('titulo'); ?>
                </div>
                <div class="control-group">
                    <p>Descripción corta *</p>
                    <p class="secundario">Describe brevemente, que capaticará tu curso</p>
                    <input class="input-xlarge" name="descripcion_corta" type="text" VALUE="<?php echo set_value('descripcion_corta'); ?>">
                    <?php echo form_error('descripcion_corta'); ?>
                </div>
                <div class="control-group">
                    <p>Categoría *</p>
                    <p class="secundario">Elegí una categoría para tu curso</p>
                    <select name="categoria" id="categoria">
                        <option value="" <?php echo set_select('categoria',"", TRUE); ?>></option>
                        <?php
                        foreach ($categories as $row) {
                            ?>    
                        <option value="<?php echo $row->id; ?>"  <?php echo set_select('categoria',$row->id); ?>><?php echo $row->name; ?></option>
                            <?php
                        }
                        ?>     
                    </select>
                     <?php echo form_error('categoria'); ?>
                </div>
    
                <div >
                    <p>Palabras Claves</p>

                    <p>
                        <input type="hidden" name="palabras_claves" id="mySingleField" value="" > 
                      
                    </p>
                    <ul id="singleFieldTags" class="tagit ui-widget ui-widget-content ui-corner-all">
        
                    </ul>
                 <?php echo form_error('palabras_claves'); ?>

                </div>

                <div class="control-group">
                    <p>Descripción Completa *</p>
                    <p class="secundario">¿Qué palabras usarías para encontrar este curso? </p>
                    <textarea style="resize:none;"class="input-xlarge" name="descripcion" type="text" ><?php echo set_value('descripcion'); ?></textarea>
                    <?php echo form_error('descripcion'); ?>
                </div>
                <div class="control-group">
                    <p>Objetivos</p>
                    <p class="secundario">Detalla los objetivos del curso brevemente </p>
                    <textarea style="resize:none;" class="input-xlarge" name="objetivos" type="text"><?php echo set_value('objetivos'); ?></textarea>
                      <?php echo form_error('objetivos'); ?>
                </div>
                <div class="control-group">
                    <p>Orientación</p>
                    <p class="secundario">Detalla hacia  que se orienta el estudio </p>
                    <textarea style="resize:none;" class="input-xlarge" name="orientacion" type="text"><?php echo set_value('orientacion'); ?></textarea>
                     <?php echo form_error('orientacion'); ?>
                </div>
                <div class="control-group">
                    <p>Que Incluye?</p>
                    <p class="secundario">En caso que el curso incluya material o productos, enumérelos </p>
                    <textarea style="resize:none;" class="input-xlarge" name="que_incluye" type="text"><?php echo set_value('que_incluye'); ?></textarea>
                     <?php echo form_error('que_incluye'); ?>
                </div>
                <div class="control-group">
                    <p>Requisitos</p>
                    <p class="secundario">Que requisitos posee el curso para su inscripción</p>
                    <textarea style="resize:none;" class="input-xlarge" name="requisitos" type="text"><?php echo set_value('requisitos'); ?></textarea>
                    <?php echo form_error('requisitos'); ?>
                </div>
            </div>
            <div class="span6 radios-curso" id="columna2">
                <div class="control-group radios-curso">
                    <p>Tipo de duración *</p>
                    <p class="secundario">Coloque Indefinido a cursos que no poseen una duración fija</p>
                    <span>Definido</span><input type="radio" name="tipo_duracion" id="tipo_duracion_definido" value="1" <?php echo set_radio('tipo_duracion', '1'); ?> >
                    <input type="radio" name="tipo_duracion" id="tipo_duracion_indefinido" value="2" <?php echo set_radio('tipo_duracion', '2'); ?>><span>Indefinido</span>
                   
                    <div id="tiempoduracion">
                    <input type="number" style="width:35px" id="meses_duracion" name="meses_duracion" value="0">
                    <input type="number" style="width:35px" id="clases_semanales" name="clases_semanales" value="0"> 
                    <div><span id="label_meses_duracion"> Mes/es</span><span id="label_clases_semanales"> Clases Semanales</span></div>
                    </div>
                    
                  <?php echo form_error('meses_duracion'); ?>  
                  <?php echo form_error('clases_semanales'); ?>  
                  <?php echo form_error('tipo_duracion'); ?>
                </div>
                <div class="control-group">
                    <p>Precio por persona *</p>
                      <input class="input-small" name="es_gratuita" id="es_gratuita" type="checkbox"><span>Es una capacitación gratuita</span>
                    <p class="secundario">
                        <span id="">&nsc;</span>
                        <select id="tipo_cobro" name="tipo_cobro">
                        <option value="0">por clase</option>
                        <option value="1">por mes</option>
                        <option value="2">total</option>
                    </select></p>
                    <strong style="font-size:16px;"><span id="simbolo_pesos">$</span></strong> <input class="input-small" name="precio" id="precio" type="text" value="<?php echo set_value('precio'); ?>">
                   
                       <?php echo form_error('precio'); ?>   
                     <?php echo form_error('es_gratuita'); ?>
                </div>
                <div class="control-group radios-curso">
                    <p>Matrícula *</p>
                    <p class="secundario">En caso de poseer matriculación, especifique su costo</p>
                    <input type="radio" name="matricula" value="false" id="matricula_no" ><span>No</span>
                    <span>Si</span><input type="radio" name="matricula" id="matricula_si" value="true" >
                    <span id="caja_matricula">$ <input type="text" id="valor_matricula" name="valor_matricula" value="<?php echo set_value('valor_matricula'); ?>" ></span>
                 <?php echo form_error('valor_matricula'); ?>
                 <?php echo form_error('matricula'); ?>
                </div>
                <div class="control-group radios-curso">
                    <p>Modalidad *</p>
                    <p class="secundario">Cual será la modalidad de cursado?</p>
                    <span>Presencial</span><input type="radio" name="modalidad" value="1" id="mapa_si" <?php echo set_radio('modalidad', '1'); ?>>
                    <input type="radio" name="modalidad" value="2" id="mapa_no" <?php echo set_radio('modalidad', '2'); ?>><span>A distancia</span>
                     <?php echo form_error('modalidad'); ?>
                </div>
           
   
                <div class="control-group radios-curso">
                    <p>Fecha de Inicio *</p>
                    <p class="secundario">No olvide detallar la fecha de inicio de cursado</p>
                    <span>Si</span><input type="radio" id="fecha_inicio_si" name="fecha_inicio" value="si" >
                    <input type="radio" id="fecha_inicio_no" name="fecha_inicio" value="no"><span>No</span>
                    <script>
                        $(function() {
                            $('#date').datepicker({
                                dateFormat: 'yy/mm/dd',
                                onSelect: function()
                                { 
                         
                                }
                            }).val();
                        });
                    </script>
                    <div id="date"></div>
                    <input type="hidden" id="fecha_inicio_valor" name="fecha_inicio_valor" value="<?= ($this->session->userdata('fecha_inicio_valor') ? $this->session->userdata('fecha_inicio_valor') : '') ?>">
                <?php echo form_error('fecha_inicio'); ?>
                
                </div>
                <a id="btn-paso1" class="btn btn-siguiente" href="#" target="_self">Siguiente </a>
            </div>
        </form>

        <div id="dialog-modal" title="Mensaje" >
            <div id="msjErr"></div>
        </div>

    </div>
</div>
<script>
    $('#fecha_inicio_si').click(function(){
        $('#date').show();
    });
    $('#fecha_inicio_no').click(function(){
        $('#date').hide();
    });
    //Envio del Form
    $('#btn-paso1').click(function(){
        var fecha_inicio = $('#date').datepicker({
            dateFormat: 'yy/mm/dd',
            onSelect: function()
            { 
                //var dateObject = $(this).datepicker('getDate');
                //alert(dateObject);
            }
        }).val();
        
        
        /*
        
        
        $('#fecha_inicio_valor').val(fecha_inicio);
		
        $.ajax({
            type: 'POST',
            /*url: $(this).attr('action')
            url: 'imagen',
            data: $('#form_publicar').serialize(),
            dataType: 'json',
         
            success: function(data) {
                var msgs = data.items;
				
                $.each(msgs, function(index, msg) {
                    if (msg == 'OK') { //si esta ok el paso 1 envia el formulario
                        $('#form_publicar').submit();
                    }else{
                        $('#msjErr').html('<p style="color:black">' + msg + '</p>')
                        $( "#dialog-modal" ).dialog( "open" );						
                    }
                    return false;
                });
            }
        })	,*/	
		
        //	$('#form_publicar').submit();
	 $('#form_publicar').submit();			
        return false;
        //$('#form_publicar').submit();
		
    }); //submit

    $('#tipo_duracion_definido').click(function(){

        $('#tiempoduracion').show();
   
    });

    $('#tipo_duracion_indefinido').click(function(){
        $('#tiempoduracion').hide();

    });

    $('#es_gratuita').click(function(){
       
            if($(this).is(':checked')) {
            $("#tipo_cobro").hide();
            $('#precio').hide();
            $('#precio').val('0');
            $('#simbolo_pesos').hide();
        } else {
            $("#tipo_cobro").show();
            $('#precio').val('');
            $('#precio').show();
            $('#simbolo_pesos').show();
  
        }
    });
    
    $('#matricula_si').click(function(){
        $('#caja_matricula').show();
    });
    
    $('#matricula_no').click(function(){
        $('#caja_matricula').hide();
        $('#valor_matricula').val('0');
    });
    

    


    $('#caja_matricula').hide();
	
    $("#precio").mask("?9999",{placeholder:" "});
    
<?php
if ($this->session->userdata('tipo_duracion') == 2) {
    ?>
        $('#meses_duracion').hide();
        $('#clases_semanales').hide();
        $('#label_meses_duracion').hide();
        $('#label_clases_semanales').hide();
    <?php
}
?>

<?php
if ($this->session->userdata('matricula') == 'true') {
    ?>
                 $('#caja_matricula').show();
    <?php
}
?>

</script>